var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
  for (var name in all) __defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
  if ((from && typeof from === 'object') || typeof from === 'function') {
    for (let key of __getOwnPropNames(from))
      if (!__hasOwnProp.call(to, key) && key !== except)
        __defProp(to, key, {
          get: () => from[key],
          enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable,
        });
  }
  return to;
};
var __toESM = (mod, isNodeMode, target) => (
  (target = mod != null ? __create(__getProtoOf(mod)) : {}),
  __copyProps(
    // If the importer is in node compatibility mode or this is not an ESM
    // file that has been converted to a CommonJS file using a Babel-
    // compatible transform (i.e. "__esModule" has not been set), then set
    // "default" to the CommonJS "module.exports" for node compatibility.
    isNodeMode || !mod || !mod.__esModule
      ? __defProp(target, 'default', { value: mod, enumerable: true })
      : target,
    mod,
  )
);
var __toCommonJS = (mod) => __copyProps(__defProp({}, '__esModule', { value: true }), mod);

// src/Adapter/index.tsx
var Adapter_exports = {};
__export(Adapter_exports, {
  default: () => Adapter_default,
});
module.exports = __toCommonJS(Adapter_exports);
var import_react = __toESM(require('react'));
var import_index = require('./index.less');
var px2Num = (px) => {
  return Number(px.replace('px', ''));
};
var Adapter = (props) => {
  const { width = 1920, height = 1080, children } = props;
  const adapterRef = (0, import_react.useRef)(null);
  const [scale, setScale] = (0, import_react.useState)(0);
  const adjust = (0, import_react.useCallback)(() => {
    if (adapterRef.current) {
      const style = window.getComputedStyle(adapterRef.current);
      const adapterWidth = px2Num(style.width);
      const adapterHeight = px2Num(style.height);
      const ratio = width / height;
      if (adapterWidth && adapterHeight) {
        if (adapterWidth / adapterHeight > ratio) {
          setScale(adapterHeight / height);
        } else {
          setScale(adapterWidth / width);
        }
      }
    }
  }, [width, height]);
  (0, import_react.useLayoutEffect)(() => {
    window.addEventListener('resize', adjust);
    return () => {
      window.removeEventListener('resize', adjust);
    };
  }, [adjust]);
  (0, import_react.useLayoutEffect)(() => {
    adjust();
  }, [adjust]);
  return /* @__PURE__ */ import_react.default.createElement(
    'div',
    { className: 'szzj-adapter', 'data-testid': 'szzj-adapter', ref: adapterRef },
    scale !== 0 &&
      /* @__PURE__ */ import_react.default.createElement(
        'div',
        {
          className: 'szzj-adapter-canvas',
          'data-testid': 'szzj-adapter-canvas',
          'data-style': JSON.stringify({
            transform: `scale(${scale})`,
            width,
            height,
          }),
          style: { transform: `scale(${scale})`, width, height },
        },
        import_react.default.cloneElement(children, {
          scale,
        }),
      ),
  );
};
var Adapter_default = Adapter;
